<!doctype html>
<html lang="lang">

    <head>
        <title>TEST-WORLD HOSPITAL | 意见反馈</title>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        <!-- Preloader -->
        <link rel="stylesheet" href="./styles/index/index.css">
        <link rel="stylesheet" href="./styles/index/all.min.css">
        <link rel="stylesheet" href="./styles/index/libs.bundle.css">
        <script>
            window.addEventListener("load", function () {
                setTimeout(function () {
                    document.querySelector('body').classList.add('loaded');
                }, 300);
            });
        </script>
        <!-- Favicon -->
        <link rel="icon" href="https://quick.bootmb.com/assets/img/brand/favicon.png" type="image/png"><!-- Font Awesome -->
        <link rel="stylesheet" href="./styles/index/styles.css">
        <link rel="stylesheet" href="styles/bootstrap.min.css">
        <link rel="stylesheet" href="styles/feedback.css">
        <link rel="stylesheet" href="styles/styles.css">
    </head>
    <title>TEST-WORLD HOSPITAL | 预约挂号</title>

    <body>
        <!-- 导航栏 -->
        <header class="navbar navbar-expand-lg navbar-light flex-column align-items-start flex-lg-row iheadbar py-3">
            <!-- 医院图标 -->
            <a class="navbar-brand" href="#">
            <img src="images/hospital_icon.png" alt="医院图标">
            </a>
            <!-- 导航栏内容 -->
            <div class="navbar-content flex-row justify-content-between align-items-center mt-lg-2">
            <!-- 医院名称 -->
            <a class="ititle" style="color: #2c608a;" href="#">TEST-WORLD HOSPITAL</a>
            <!-- 折叠导航栏 -->
            <button class="navbar-toggler d-lg-none" type="button" data-toggle="collapse" data-target="#top-navbar" aria-controls="top-navbar"
                aria-expanded="false" aria-label="Toggle navigation" style="height: 36px;">
                ≡
            </button>
            </div>
            <!-- 菜单 -->
            <div class="collapse navbar-collapse imenu" id="top-navbar">
                <ul class="navbar-nav mt-1 ml-auto">
                <li class="nav-item iunderline">
                    <a class="nav-link mr-3" style="color: #2c608a;" href="index.html">首页</a>
                </li>
                <li class="nav-item iunderline">
                    <a class="nav-link mr-3" style="color: #2c608a;" href="department.html">就诊导航</a>
                </li>
                <li class="nav-item iunderline">
                    <a class="nav-link mr-3" style="color: #2c608a;" href="reservation.html">预约挂号</a>
                </li>
                <li class="nav-item iunderline">
                    <a class="nav-link mr-3" style="color: #2c608a;" href="queryReport.html">报告查询</a>
                </li>
                <li class="nav-item iunderline">
                    <a class="nav-link mr-3" style="color: #2c608a;" href="news.html">新闻动态</a>
                </li>
                <!-- 下拉展开的二级菜单 -->
                <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle mr-3" style="color: #2c608a;" href="#" id="navbar-about" data-toggle="dropdown" aria-expanded="false">
                    更多
                    </a>
                    <div class="dropdown-menu" aria-labelledby="navbar-about">
                    <a class="dropdown-item" href="login.html">后台管理</a>
                    <div class="dropdown-divider"></div>
                    <a class="dropdown-item" href="employ.html">人才招聘</a>
                    <div class="dropdown-divider"></div>
                    <a class="dropdown-item" href="#">意见反馈</a>
                    </div>
                </li>
                </ul>
            </div>
        </header>
        <!-- 意见反馈 -->


        <div class="Content-Main">
            <div class="Content-Main1">
                <h1>欢迎来到意见反馈界面！</h1>
            </div>
            <form class="form-report">
                <label>
                    <span>类型：</span>
                    <select name="select2" class="select2">
                        <option value="">选择分类</option>
                        <option value="">医疗服务</option>
                        <option value="">医院环境</option>
                        <option value="">网站设计</option>
                        <option value="">其他内容</option>
                    </select>
                </label>

                <label>
                    <span>描述:&nbsp;&nbsp;</span>
                    <textarea id="describe" name="describe" placeholder="详细填写您的意见，有利于审核，不得少于8个字"></textarea>
                </label>

                <label>
                    <span>填写您的联系方式：</span>
                    <textarea id="email" name="email" placeholder="电话/邮箱/QQ号"></textarea>
                </label>
                <label>
                    <span>备注：</span>
                    <input type="text" id="verifiation code">
                </label>
            </form>
            <label>
                <button onclick="submit()" value="send" class="button">提交</button>
            </label>
        </div>
    </body>

    <script>
        function submit() {
            console.log(1)
            alert('感谢您的提交')
        }
    </script>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.14.1/lodash.min.js"></script>
    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
    <script src="scripts/reservation.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>

</html>